{
	template:`
	<a-page-header title="会员订单"  >
		<template #extra>
			<m-back @click="back(false);">关闭</m-back>
		</template>
		<a-card :hoverable="true" :bodyStyle="{padding:'20px 20px 0'}">
			<a-form class="index-form" :wrapper-col="{span:24}">
				<a-row :gutter="10">
					<a-col :span="16">
						<a-form-item label="会员信息" class="index-form-item">
						    <template v-if="model.member.oid">
						        <a-tag :color="model.member.level.color">{{model.member.level.name}}</a-tag>
						        <a-tag color="success" v-if="model.member.level.discount">优惠{{model.member.level.discount}}%</a-tag>
						        {{model.member.realName}} {{model.member.phoneNum}}
						    </template>
						</a-form-item>
					</a-col>
					<a-col :span="8">
						<a-form-item label="服务员" class="index-form-item">
							{{model.serveAdmin.realname}}
						</a-form-item>
					</a-col>
                    <a-col :span="8">
                        <a-form-item label="录入人" class="index-form-item">
                            {{model.inputAdmin.realname}}
                        </a-form-item>
                    </a-col>
                    <a-col :span="8">
                        <a-form-item label="录入店铺" class="index-form-item">
                            {{model.inputDept.name}}
                        </a-form-item>
                    </a-col>
                    <a-col :span="8">
                        <a-form-item label="录入时间" class="index-form-item">
                            {{formatDate(model.inputDate,'yyyy-MM-dd')}}
                        </a-form-item>
                    </a-col>
                    <a-col :span="24">
                        <a-form-item label="备注" class="index-form-item">
                            {{model.remark}}
                        </a-form-item>
                    </a-col>
                    <a-col :span="6">
                        <a-form-item label="订单金额" class="index-form-item">
                            <span class="text-red text-lg">{{model.orderAmount}}</span>元
                        </a-form-item>
                    </a-col>
                    <a-col :span="11">
                        <a-form-item class="index-form-item-no">
                            会员优惠 <span class="text-red text-lg">{{model.preferentialAmount}}</span>元
                            <span v-if="model.otherAmount" class="padding-left">
                                其他金额 <span class="text-red text-lg">{{model.otherAmount}}</span>元
                            </span>
                            <span v-if="model.memberDayAmount" class="padding-left">
                                会员日 <span class="text-red text-lg">{{model.memberDayAmount}}</span>元
                            </span>
                        </a-form-item>
                    </a-col>
                    <a-col :span="7">
                        <a-form-item label="实付金额" class="index-form-item">
                            <span class="text-red text-lg">{{model.payAmount}}</span>元（{{dict('m.member.order.model.OrderInfo!payType',model.payType)}}付款）
                        </a-form-item>
                    </a-col>
				</a-row>
			</a-form>
		</a-card>
	</a-page-header>
	<div id="orderDetail_list" style="margin-top:-15px;"></div>
	`,
	props: ['localeZh','param','parentVue'],
	data:function(){
		return {
			model:{"member":{},"serveAdmin":{},"inputAdmin":{},"inputDept":{}},
		};
	},
	mounted(){
        this.model.oid=this.param.oid;
        this.loadModel(this.loadDetail);
	},
	methods:{
	    loadModel:function(fn){
			this.requestData('action/member/order/orderInfo/getInfo',
				{model:this.model},
				data=>{
					if(!data.code){
						this.model=data.model;
						if(fn) fn();
					}else{
						this.$message.error(data.msg);
					}
				}
			);
	    },
	    loadDetail:function(){
            this.loadPage("orderDetail_list",
                "action/member/order/orderDetail/subList",
                {params:{'oper':'','order.oid':this.model.oid}},
                function(pv,v3){

                }.bind(this)
            );
	    }
	}
}